html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, and, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, select {
	background:transparent;
	border:0;
	font-size:100%;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
body {
	line-height:1;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:none;
}
del {
	text-decoration:line-through;
}
hr {
	background:transparent;
	border:0;
	clear:both;
	color:transparent;
	height:1px;
	margin:0;
	padding:0;
}
mark {
	background-color:#ffffb3;
	font-style:italic
}
input, select {
	vertical-align:middle;
}
ins {
	background-color:red;
	color:white;
	text-decoration:none;
}
ol, ul {
	list-style:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
img.scale-with-grid {
	max-width: 100%;
	height: auto;
}

body { font-weight:normal; font-size:14px; background:#fff; color:#3d3d3d;  font-family: 'droid_sansregular'; }
body, h1, h2, h3, h4, h5, h6, input[type=text], input[type=password], input.text, textarea, input[type=submit] {  font-family: 'droid_sansregular';}	

/*----*****---- << Text Elements >> ----*****----*/
	
	a{ color:#e96666; text-decoration:none; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
	a:hover { color:#3d3d3d; }
	.content.dark-bg a:hover { color:#f1ead7; }
	a img{ border:none; }
	
	strong{ font-weight: bold; }
	em{ font-style: italic; }
	
	address { display:block; margin:10px 0px 20px; }
	abbr {  border-bottom:1px dotted #676562; cursor:help; }
	ins { background:#FFF9C0; }
	sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
	sub { bottom: -3px; }
	sup { bottom: -3px; }	
	
	p { line-height:20px; margin-bottom:10px; }	
	ul, ol, pre, code{ margin-bottom:20px; }
	
	ul{ list-style-type:square; list-style-position:inside; }
	ul li { padding-bottom:10px; }
	ul li ul { list-style-type:disc; padding-left:20px; margin:10px 0px 0px; }
	ul ul ul { margin-bottom:0px; list-style-type:circle; }
	
	ol{ list-style-type:decimal; list-style-position:outside; padding-left:20px; padding-top:10px; }
	ol li { padding-bottom:10px; }
	ol li ol { margin-bottom:0px; list-style-type:lower-alpha; }
	ol ol ol { margin-bottom:0px; list-style-type:lower-roman; }	
	
	blockquote{ line-height:22px; font-style:italic; font-size:16px; padding:3px 0px 0px 0px; margin:10px 0px 30px; float:left; }
	blockquote span { background-color:#e6e2d6; background-position:-354px -234px; width:70px; height:70px; float:left; margin:0px 10px 0px 0px; border-radius:70px; }
	.content.dark-bg blockquote span { background-color:#393439; background-position:-354px -304px; }
	blockquote p { margin-bottom:0px; }
	
	blockquote.alignleft { margin-right:20px; text-align:left; width:30%; float:left; }
	blockquote.alignright { margin-left:20px; text-align:left; width:30%; float:right; }
	blockquote.aligncenter { width:100%; text-align:center; }
	
	pre, code{ border-left:3px solid #312f35; background-color:#E8E8E8; display:block; padding:10px; font-size:11px; font-family: monospace; width:96.5%; overflow:auto; }

	/* due to IE <HR> margin bugs I had to made classed and apply them to div to achieve the effect of a <HR> */
	.hr{ background:#e6e2d6; height:7px; width:100%; clear:both; display:block; float:left; margin:50px 0px; position:relative; z-index:1; border-radius:5px; }
	.hr-invisible { float:left; width:100%; margin:20px 0px; display:block; clear:both; }
	.hr-invisible-small { float:left; width:100%; margin:10px 0px; display:block; clear:both; }
	
	.clear { float:none; clear:both; margin:0px; padding:0px; }
	.float-right { float:right; }
	.float-left { float:left; }
	.center { width:100%; text-align:center!important; }
	.hidden { display:none;}

	/*----*****---- << Tables >> ----*****----*/
	table{ border-collapse:separate; border-spacing:0; border-top-width:5px; margin-bottom:20px; width:100%; clear:both; border:1px solid #cfcfcf; border-right:0px;  }
	th{ background:url(images/table-head-bg.jpg) repeat-x; border-bottom:1px solid #cfcfcf; border-right:1px solid #d7d7d7; color:#5a5a5a; padding:10px 15px; font-size:12px; line-height:normal; font-weight:normal; text-transform:uppercase; text-align:center; }
	td{ border-right:1px solid #d7d7d7; background:#f3f3f3; color:#5a5a5a; font-size:12px; line-height:normal; text-align:center; padding:13px 15px; }
	tbody tr:nth-child(2n+1) td{ background:#f8f8f8; }
	
	/*----*****---- << Buttons >> ----*****----*/
	
	.button { line-height:normal; display:inline-block !important; *display:inline; zoom:1; margin:10px 0px 0px; cursor:pointer; font-weight:bold; font-size:14px; text-transform:uppercase; }
	.button:hover { opacity:0.8; filter:alpha(opacity=80); }
	
	.button.medium { padding:16px 20px; }
	.button.small { padding:11px 20px; }
	
	.button.blue { background:#1461a2; color:#ffffff; }
	.button.yellow { background:#ffc956; color:#3d3d3d; }
	.button.pink { background:#c34258; color:#ffffff; }
	.button.green { background:#61a760; color:#ffffff; }
	.button.violet { background:#343b67; color:#ffffff; }
	.button.mustard { background:#a38036; color:#ffffff; }
	.button.turquoise { background:#42c2a2; color:#ffffff; }
	
	.medium-buttons .button { margin-bottom:10px; margin-right:20px; }
	.small-buttons .button { margin-right:7px; }	
	
	input.button, input[type="submit"], input[type="button"] { overflow: visible; /* remove padding from left/right */ width:auto !important; }

	/*----*****---- << Forms >> ----*****----*/
	label{ font-size:14px; color:#2e2a2b; font-weight:bold; font-size:14px; }
	label span{ color:#b2af9c; }

	fieldset{ border:1px solid #efefef; padding:15px; margin:0 0 20px 0; }
	legend{ font-weight: bold; }
	
	input[type=text], input[type=email], input[type=password], textarea{ background:#dedcce; border:1px solid #b2af9c; color:#3d3d3d; display:block; font-size:14px; }
	input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input.text:focus, textarea:focus{ border-color:#4e4a30; }
	input[type=text], input[type=email], input[type=password], input.text, textarea { width:95%; }
	textarea { height:190px; overflow:auto; }
	select{ background:#dedcce; border:1px solid #b2af9c; padding:10px; margin:10px 0 10px; display:block; }
	
	input[type=submit] { background:#f56a20; border:none; color:#fff; text-transform:uppercase; font-weight:bold; margin:10px 0px 0px; font-size:14px; padding:10px 20px 10px;cursor:pointer; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }	
	input[type=submit]:hover { background:#da251d; color:#fff; }
	
	input[type=text], input[type=email], input[type=password], input.text, textarea, select{ }

/* end of global setting */

/* Pages */
#wrapper { margin:0 auto; padding:0; width:100%;}
#maincontainer { margin:0 auto; padding:0; width:980px;}
#header { margin:0 auto; padding:0;}
#container { margin:0 auto; padding:0;}
#footer { margin:0 auto; padding:0;}

.top { background-color:#000; height:5px;}

.topleft { margin:0; padding:0; float:left; width:40%;}
.topright { margin:0; padding:0; float:right; width:59%; text-align:right;}

h1.logo { margin:0; padding:10px 0 0 0;}

.top-social { margin:0; padding:0;}
.top-links { margin:0; padding:10px 0 10px 0;}
.top-links .links{ margin:0 0 0 10px; padding:10px 0 0 0; color:#757575; font-size:14px; display:inline-block; vertical-align:middle;}
.top-links a{ color:#e86828;}
.top-links a:hover{ color:#000; text-decoration:underline;}
.top-links span{ color:#0095da;}
.top-links .cart{display:inline-block; padding:0 10px 0 10px; margin:0 10px 0 0px;}
.top-links a.cartimg { background:url(../images/cart.png) no-repeat 11px 0; display:inline-block; width:54px; height:33px; color:#fff; font-size:11px; border-left:1px solid #ccc; padding:2px 0 0 0; margin:0 0 0 0;}

/*-----------------------------------------------------------------------
   Nav styles
 ------------------------------------------------------------------------ */
.navdiv { margin:0 auto; padding:0; background:url(../images/navbg.png) no-repeat center top; height:44px;}
.navul, .navul ul {margin: 0;padding: 0;list-style: none;z-index:100; }
.navul {width: 100%;margin:0 0 0 20px; padding:1px 0 0 0; height:40px;}
.navul:before,.navul:after {content: "";display: table;}
.navul:after {clear: both;}
.navul {zoom:1;}
.navul li {float: left;position: relative;margin:0 0 0 0; padding:0;z-index:100; height:42px; border-left:1px solid #959595;}
.navul li:first-child { border:0;}
.navul li .arrowdown { margin:0; padding:0; float:right; width:9px; height:5px; position:absolute; right:10px; top:20px; background:url(../images/nav-arrow.png) no-repeat right 0; display:block;}
.navul a {
		float: left;
		padding: 0 27px 0 27px;
		color: #e9e8e8;
		font-size:14px;
		text-decoration: none;
		text-transform:uppercase;
		line-height:44px;
		font-family: 'droid_sansregular';
}
.navul a.active {float: left;padding:0;color: #fff;text-decoration: none;padding: 0 27px 0 27px;background:url(../images/navhover-active.png) repeat-x;text-shadow: 0 1px 0 #666;}
.navul li:hover > a {color: #fff;text-shadow: 0 1px 0 #666;  background:url(../images/navhover-active.png) repeat-x;}
*html .navul li a:hover { /* IE6 only */color: #fff; background:url(../images/navhover-active.png) repeat-x;}
.navul ul {	margin: 0px 0 0 0;_margin: 0; /*IE6 only*/
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 42px;
	left: 0;
	z-index: 9999!important;    
	background: #fff;
	border-top:5px solid #4d4d4d;
	border-bottom:5px solid #4d4d4d;
	-moz-box-shadow: 0 2px 4px 0px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 2px 4px 0px rgba(0,0,0,.3);
	box-shadow: 0 2px 4px 0px rgba(0,0,0,.3);	
	/*-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;*/
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;  
	text-shadow: none;
}
.navul li:hover > ul {opacity: 1;visibility: visible;margin: 0;}
.navul ul ul {top: 0;left: 150px;margin: 0 0 0 0px;_margin: 0; /*IE6 only*/z-index:100;border:0;}
.navul ul li {float: none;display: block;border: 0;	_line-height: 0; /*IE6 only*/border-bottom:1px dashed #fff;border-right:0;z-index:100;margin:0; height:auto;}
.navul ul li:last-child {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;background:none;border:0;}
.navul ul a {    
	color: #3d3d3d;
	border-bottom:1px solid #ccc;
	padding:8px 10px 8px 10px;
	margin:0;
	text-align:left;
	width: 300px;
	_height: 10px; /*IE6 only*/
	height:auto;
	display: block;
	white-space: nowrap;
	float: none;
	text-transform:uppercase;
	font-size:14px;
	font-weight:normal;
	text-shadow: none!important;
	border-right:0;
	z-index:1000;
	line-height:normal!important;
}
.navul ul a:hover {b background-image:none;color:#fff;}
.navul ul li:first-child > a {/*-moz-border-radius: 8px 8px 0 0;-webkit-border-radius: 8px 8px 0 0;border-radius:8px 8px 0 0;*/}
.navul ul li:first-child > a:after {content: '';position: absolute;left: 40px;top: -6px;}
.navul ul ul li:first-child a:after {left: -6px;top: 50%;margin-top: -6px;}
.navul ul li:first-child a:hover:after {border-bottom-color: #1dafe4; }
.navul ul ul li:first-child a:hover:after {border-right-color: #1dafe4; border-bottom-color: transparent; 	}
.navul ul li:last-child > a {/*-moz-border-radius: 0px 0 8px 8px;	-webkit-border-radius: 0px 0 8px 8px;border-radius: 0px 0 8px 8px;*/}
/* end of top naviation */

#banner-container { margin:15px 0 0 0; padding:0;}
.bannerdiv { margin:0; padding:0; background:url(../images/bannerbg.jpg) no-repeat; height:407px;}

.content { margin:0; padding:20px 0 25px 0;}

.home-product-list {margin:0; padding:0;}
.home-product-list .product-col{margin:0; padding:0; float:left; width:248px;}
.home-product-list .product-col.last{margin:0; padding:0; float:left; width:235px;}
.home-product-list .imgdiv { margin:0; padding:0 0 10px 0; background:url(../images/homeproductbtm.png) no-repeat center bottom;}
.home-product-list .imgdiv .imgFrame {-webkit-border-radius:8px;border-radius:8px; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2); background-color:#f4f4f4;display: block; height: 184px; width:231px;}
.home-product-list .imgdiv .imgFrame img {opacity: 0;}
.home-product-list .product-col h3, .home-product-list .product-col h3 a{ margin:0; padding:10px 0 5px 0; color:#ea5000; font-size:18px; font-weight:bold; text-align:center;}
.home-product-list .product-col h3 a:hover { color:#000; text-decoration:underline;}
.home-product-list .product-col p { margin:0; padding:0; color:#656363; font-size:12px; text-align:center;}

/* INside pages */
.inside-content-line { margin:10px 0 0px 0; padding:0; background-color:#4a4a4a; height:5px;}
.page-title { margin: 0 0 15px; padding: 0;}
.page-title h1, .page-title h2 { margin: 0; padding:0 0 5px 0; font-size:24px; color:#da251d; border-bottom:1px solid #ccc; text-transform:uppercase;}

/* login */
.account-login { margin:0; padding:0;}
.account-login h2{border-bottom: 1px solid #DDDDDD;padding-bottom: 5px; margin-bottom:10px; font-size:18px; color:#3d3d3d;}

.account-login-div { margin:0; padding:10px 0 10px 0;}

.new-users { margin:0 3% 0 0; padding:0; width:46%; float:left;}
.registered-users{ margin:0; padding:0; width:49%; float:left;}

.new-users p { line-height:24px; padding:0 0 20px 0;}

.form-list { margin:0; padding:10px 0 0 0;}
.form-list li { margin: 0 0 8px; list-style:none;}
.form-list label { float: left; font-weight:normal; margin: 0 0 2px; position: relative;z-index: 0; color: #888888;}

.form-list label.required em {float: right;font-style: normal;position: absolute; right: -8px; top: 0;color: #D90000;}
.form-list .input-box { clear: both;display: block; }
.form-list input.input-text { width: 254px; border: 1px solid #ccc;color: #3d3d3d; font-size:14px; padding:5px;}

.send-btn { margin:0 0 10px 0; padding:0 0 10px 0; float:none;}
a.linktxt { color:#da251d; font-size:14px; text-decoration:underline;}
a.linktxt:hover { color:#000; text-decoration:none;}

.orgbtn {background:#f56a20; border:none; color:#fff; text-transform:uppercase; font-weight:bold; margin:10px 0px 0px; font-size:14px; padding:10px 20px 10px;cursor:pointer; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
.orgbtn:hover {background:#da251d; color:#fff;}

/* Create an Account */
.account-create { margin:0; padding:0;}
.account-create-div { margin:0; padding:0;}
.account-create-div .fieldset {border-top: 1px solid #ccc; margin: 30px 0 0;padding: 30px 30px 10px;}
.account-create-div .fieldset h2.legend{ background-color: #FFFFFF;
    float: left;
    margin: -42px 0 0 -10px;
    padding: 0 10px;
	font-size: 1.5em;
    font-weight: normal;
    text-transform: uppercase;
}

.account-create-div .form-list li {
    margin: 0 0 8px;
}
.clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after, .my-account .order-info:after { clear:both;  content: "."; display: block;
    font-size: 0; height: 0;line-height: 0; overflow: hidden;}

.form-list .field { float: left;margin-bottom: 5px; width: 275px;}
.form-list li.control .input-box { clear: none;display: inline;  width: auto;}
.form-list li.control input.radio, .form-list li.control input.checkbox {  margin-right: 6px;}
.form-list li.control label { float: none;}

.buttons-set { margin:0 0 0 30px; padding:0;}
.required{ color:#da251d;}
 
 /* Brands page */
.brands-container { margin:0; padding:0;}
.brands-container:after,.brands-container:before { clear:both;  content: "."; display: block; font-size: 0; height: 0;line-height: 0; overflow: hidden;}

.brands-container { margin:0; padding:0;}

.col-left { margin:0 2% 0 0; padding:0; float:left; width:20%; border:0px solid red;}
.col-right { margin:0; padding:0; float:left; width:77%; border:1px solid red;}

.left-panel { margin:0; padding:0;}
.left-panel h3{ margin:0; padding:5px 10px 5px 10px; background-color:#4c4c4c; color:#fff; font-size:14px;}

.list-box-small{ border:2px solid #4c4c4c; width:98%; height: 100px; overflow-y: scroll; margin:0 0 20px 0; }
.list-box-med{ border:2px solid #4c4c4c; width:98%; height: 200px; overflow-y: scroll; margin:0 0 20px 0; }
.list-box-large{ border:2px solid #4c4c4c; width:98%; height: 300px; overflow-y: scroll; margin:0 0 20px 0;}
 
.list-box-ul { margin:0; padding:0; list-style:none;}
.list-box-ul li{ margin:0; padding:5px; font-size:12px; color:#3d3d3d; border-top:1px solid #ccc;}
.list-box-ul li:first-child { border-top:0;}

.right-panel { margin:0; padding:0;}



/* FOoter */
.footer-links { margin:40px 0 5px 0; padding:10px 0 10px 0; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
.footer-links:after, .footer-links:before { clear:both; float:none; display:block; height:0;}
.footer-links .co-name{ margin:0; padding:0; float:left; font-size:12px; color:#6d6c6c;}
.footer-links .footerlinks{ margin:0; padding:0; float:right; text-align:right;  font-size:12px; color:#6d6c6c;}
.footer-links .footerlinks a { color:#0095da; font-size:12px;}
.footer-links .footerlinks a:hover { color:#000; text-decoration:underline;}
.copyrighttxt { margin:0; padding:0; font-size:12px; color:#6d6c6c; text-align:center;}
.copyrighttxt a { color:#0095da; font-size:12px;}
.copyrighttxt a:hover { color:#000; text-decoration:underline;}


/*----*****---- << Social Share >> ----*****----*/	
	.social-share { clear:both; margin:5px 0px 0px; width:100%; }
	.social-share a{ background:url(../images/social-icons.png) no-repeat; }
	.social-share a { position:relative; z-index:10; width:32px; height:32px; display:inline-block; *display:inline; zoom:1; margin:0px 5px; -webkit-transition:all 200ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; -ms-transition:all 300ms linear; transition:all 200ms linear; }	
	
	.social-share a.facebook, .social-share.grey a.facebook:hover { background-position:0 0; }
	.social-share a.facebook:hover, .social-share.grey a.facebook { background-position:0 -32px; }
	
	.social-share a.twitter, .social-share.grey a.twitter:hover { background-position:-37px 0; }
	.social-share a.twitter:hover, .social-share.grey a.twitter { background-position:-37px -32px; }
	
	.social-share a.google, .social-share.grey a.google:hover { background-position:-74px 0; }
	.social-share a.google:hover, .social-share.grey a.google { background-position:-74px -32px; }
	
	.social-share a.youtube, .social-share.grey a.youtube:hover { background-position:-111px 0 }
	.social-share a.youtube:hover, .social-share.grey a.youtube { background-position:-111px -32px; }
	
	
	.social-share a.skype, .social-share.grey a.skype:hover { background-position:-357px -172px; }
	.social-share a.skype:hover, .social-share.grey a.skype { background-position:-357px -133px; }


/* Font Face */
@font-face {
   font-family: 'droid_sansregular';
    src: url('../fonts/droidsans-webfont.eot');
    src: url('../fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidsans-webfont.woff') format('woff'),
         url('../fonts/droidsans-webfont.ttf') format('truetype'),
         url('../fonts/droidsans-webfont.svg#droid_sansregular') format('svg');
		 font-weight: normal;
   		 font-style: normal;
}
@font-face {
		font-family: 'MorganPosterAvec-Black';
		src: url('../fonts/morganposteravecblack.eot');
		src: url('../fonts/morganposteravecblack.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/morganposteravecblack.woff') format('woff'),
				 url('../fonts/morganposteravecblack.ttf') format('truetype'),
				 url('../fonts/morganposteravecblack.svg#morganposteravecblack') format('svg');
		font-weight: normal;
		font-style: normal;
}